.stepWrap{
    height:20px;
    .scroll{
        width:80px;
        height:20px;
        width:0;
        overflow:hidden;
        transition:0.35s;
        &.active{
            width:80px;
        }
        .reduce{
            width:20px;
            height:20px;
            background:url('../../static/reduce.png') center center no-repeat;
            background-size:contain;
            float:left;
        }
        .stepinput{
            display:block;
            width:45px;
            height:18px;
            float:left;
            border:none;
            border-radius:20px;
            background:rgba(0,0,0,0.1);
            text-align:center;
            margin-left:10px;
        }
        
        float:left;
    }
   
    .add{
        width: 20px;
        height:20px;
        background:url('../../static/add.png') center center no-repeat;
        background-size:contain;
        float:right;
        
    }
   
}